

<jsp:include page="header.jsp" />
		<hr class="noscreen" />
		<!-- Promo -->
		<div id="promo">

			<p id="slogan">
				<img src="design/slogan.gif" alt="Place for your slogan" />
			</p>

			<ul id="slider">
				<li><img src="design/slider-01.jpg" alt="" />
				</li>
				<li><img src="design/slider-02.jpg" alt="" />
				</li>
				<li><img src="design/slider-03.jpg" alt="" />
				</li>
			</ul>

		</div>
		<!-- /promo -->

		<hr class="noscreen" />

		<!-- Three columns -->
		<div class="cols3">

			<div class="cols3-content box">

				<!-- Column -->
				<div class="col">

					<h2>
						<a href="#">Sign Up</a>
					</h2>

					<p>
						<a href="#"><img src="images/col-01.jpg" class="block" alt="" />
						</a>
					</p>


		<form action="/UBCDatingServer/registration" method="post">
			<p class="nomt">
				<strong>Your Name:</strong><br /> <input type="text" size="30"
					class="input" name="name" />
			</p>
			<p>
				<strong>Your E-mail:</strong><br /> <input type="text" size="30"
					class="input" name="email" />
			</p>
			<p>
				<strong>Password:</strong><br /> <input type="password" size="30" class="input"
					name="password1" />
			</p>
			<p>
				<strong>Confirm Password:</strong><br /> <input type="password" size="30"
					class="input" name="password2" />
			</p>
			<p class="nomb">
				<input type="submit" value="Register" class="input-submit" />
			</p>
		</form>

				</div>
				<!-- /col -->

				<!-- Column -->
				<div class="col">

					<h2>
						<a href="#">Learn More</a>
					</h2>

					<p>
						<a href="#"><img src="images/col-02.jpg" class="block" alt="" />
						</a>
					</p>

					<p class="smaller">
						<strong>Let UBC Dating find the perfect match for you.</strong>
						Fill out your perfect match survey or click the links people to
						hear real life testomonies.
					</p>

					<ul>
						<li><a href="#">testomonies 1</a>
						</li>
						<li><a href="#">testomonies 2</a>
						</li>
						<li><a href="#">testomonies 3</a>
						</li>
					</ul>

				</div>
				<!-- /col -->

				<!-- Column -->
				<div class="col last">

					<h2>
						<a href="#">Find Matches</a>
					</h2>

					<p>
						<a href="#"><img src="images/col-03.jpg" class="block" alt="" />
						</a>
					</p>

					<form action="/UBCDatingServer/searchusers" method="post">

						<p class="nomt">
							<strong>Looking For:</strong><br />
								Male:<input type="radio" class="input" name="gender" value="1" />&nbsp;
						        Female:<input type="radio" class="input" name="gender" value="2" />&nbsp;
								Both:<input type="radio" class="input" name="gender" value="%" checked />
						</p>

						<p>
							<strong>Age:</strong><br /> 
								<input type="text" size="1" maxlength="3" class="input" name="agelower"/>&nbsp; to &nbsp;
								<input type="text" size="1" maxlength="3" class="input" name="ageupper"/>
						</p>

						<p class="nomb">
							<input type="submit" value="Search" class="input-submit" name="button"/>
						</p>
						<p class="nomb">
							<input type="button" value="Advance Search" class="input-submit"
								onclick="location.href='search.jsp'" />
						</p>

					</form>

				</div>
				<!-- /col -->

			</div>
			<!-- /cols3-content -->

			<div class="cols3-bottom"></div>

		</div>
		<!-- /cols3 -->

<jsp:include page="footer.jsp"></jsp:include>